// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:"体验问题",
        isActive:true
      },
      {
        id:1,
        value:"商品，商家投诉",
        isActive:false
      }
    ],
    chooseImages:[],
    textareaVal:""
  },
  // 外网的图片路径数组
  UploadImgs:[],
  changeTitleByIndex(index){
    const { tabs } = this.data
    tabs.forEach(item=>{
      item.isActive = item.id == index ? true : false
    })
    this.setData({
      tabs
    })
  },
  handleTabClicks(e){
    const {index} = e.detail
    this.changeTitleByIndex(index)
  },
  // 点击加号调用内置选择图片api
  handleChooseImage(){
    // 调用小程序内置的选择图片api
    wx.chooseImage({
      //同时选中的图片的数量
      count:9,
      //图片的格式，原图，压缩
      sizeType:['original','compressed'],
      sourceType:['album','camera'],
      success:(res)=>{
        const tempFilePath = res.tempFilePaths
        
        this.setData({
          // 图片数组进行拼接
          chooseImages:[...this.data.chooseImages,...tempFilePath]
        })
      }
    })
  },
  //点击自定义图标
  handleRemoveImage(e){
    const {index} = e.currentTarget.dataset
    // 获取data中的图片数组
    let {chooseImages} = this.data
    chooseImages.splice(index,1)
    this.setData({
      chooseImages
    })
  },
  //文本域的输入事件
  handleTextInput(e){
    this.setData({
      textareaVal:e.detail.value
    })
  },
  // 提交按钮的点击事件
  handleSumit(){
    // 获取文本域的内容 图片数组
    const {textareaVal,chooseImages} = this.data
    if(!textareaVal.trim()){
      wx.showToast({
        title: '输入不合法',
        icon:'none',
        mask:true
      })
      return
    } 
    // 准备上传图片到专门的图片服务器
    // 上传文件的api里面是不支持多个文件同时上传的 遍历数组挨个上传 
    // 显示正在等待图标
    wx.showLoading({
      title: '正在上传中',
    })
    //判断有没有需要上传的图片数组
    if(chooseImages.length !=0){
      chooseImages.forEach((v,i)=>{
        wx.uploadFile({
          // 图片要上传到哪里
          url:'https://api.uomg.com/api/image.ali',
          //被上传的文件路径
          filePath:v,
          // 上传的文件名称
          name:"file",
          formData:{},
          success:(result)=>{
            let url = JSON.parse(result.data).url;
            //将外链入栈到数组
            this.UploadImgs.push(url)
            // 所有的图片都上传完毕了才触发\
            if(i===chooseImages.length-1){
              //关闭loading
              wx.hideLoading()
              console.log("把文本的内容和外网的图片数组，提交到后台中")
              // 提交都成功了
              //重置页面
              //返回上一个页面
              this.setData({
                textVal:"",
                chooseImages:[]
              })
              wx.navigateBack({
                delta:1
              })
            }
          }
        })
      })
    }else{
      wx.hideLoading()
      console.log("只是提交文本")
      wx.navigateBack({
        delta:1
      })
    }
   
    
  }
 
})